<div class="card item-scene" data-scene-id="{{ scene.id }}">
  <div class="card-header item-scene-header d-flex p-0" data-scene-id="{{ scene.id }}">
    <a class="btn btn-link btn-fold" type="button" data-toggle="collapse" data-target="#collapse-scene-{{ scene.id }}" onclick="changeBtnCollapseIcon(this)"></a>
    <div class="scene-name cursor-pointer align-self-center {{ 'div-forbidden' if is_forbidden(scene) }}" data-scene-id="{{ scene.id }}" onclick="showScene({{ scene.id }})"><b>{{ scene.name }}</b></div>
    <a class="btn btn-link btn-scene" type="button" data-scene-id="{{ scene.id }}"></a>
    <div class="btn-scene-tippy-content" data-scene-id="{{ scene.id }}" style="display: none">
      <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-scene-id="{{ scene.id }}" onclick="deleteScene({{ scene.id }})">删除</button>
      <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-scene-id="{{ scene.id }}" onclick="copyScene({{ scene.id }})">复制</button>
      <button type="button" class="btn btn-sm btn-outline-primary btn-block mt-0 border-0" data-scene-id="{{ scene.id }}" onclick="forbiddenScene({{ scene.id }})">禁用/启用</button>
    </div>
  </div>
  <div id="collapse-scene-{{ scene.id }}" class="collapse show">
    <div class="card-body p-0">
{#    TODO 去掉下面 item-case-group 类，使用 scene-controller 替换 #}
      <div id="item-scene-{{ scene.id }}" class="list-group item-case-group scene-controller nested-sortable col pr-0 pl-0" data-scene-id="{{ scene.id }}" data-logic-controller-id="{{ scene.scene_controller.logic_controller.id }}">
        {% set logic_controller =  scene.scene_controller.logic_controller %}
        {# 递归加载组件 #}
        {% include 'scene/_nested_logic_controller.html' %}
      </div>
      <button type="button" class="btn btn-sm btn-outline-primary btn-block btn-add-case" data-scene-id="{{ scene.id }}"></button>
      <div class="btn-add-case-tippy-content-exist" style="display: none">
        <div class="row btn-add-case-tippy-content mr-0">
          <div class="col-4">
            <div class="nav flex-column nav-pills" role="tablist" >
              <a class="nav-link active" id="v-pills-request-tab" data-toggle="pill" href="#v-pills-request" role="tab">请求组件</a>
              <a class="nav-link" id="v-pills-logic-controller-tab" data-toggle="pill" href="#v-pills-logic-controller" role="tab">逻辑组件</a>
              <a class="nav-link" id="v-pills-tool-tab" data-toggle="pill" href="#v-pills-tool" role="tab">工具组件</a>
              <a class="nav-link" id="v-pills-copy-tab" data-toggle="pill" href="#v-pills-copy" role="tab">复制组件</a>
              <a class="nav-link" id="v-pills-other-tab" data-toggle="pill" href="#v-pills-other" role="tab">其他</a>
            </div>
          </div>
          <div class="col-8 p-0">
            <div class="tab-content">
              <div class="tab-pane fade active show" id="v-pills-request" role="tabpanel">
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addCase({{ scene.id }}, 'HTTP')">
                  <h5 class="text-left">HTTP<i class="fab fa-internet-explorer float-right"></i></h5>
                  <p class="text-left">创建一个HTTP请求组件, 支持HTTP HTTPS, 可以使用断言进行期望验证.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addCase({{ scene.id }}, 'SSH')">
                  <h5 class="text-left">
                    SSH
                    <svg class="icon float-right" fill="currentColor" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em">
                      <path d="M128 128h768a42.667 42.667 0 0 1 42.667 42.667v682.666A42.667 42.667 0 0 1 896 896H128a42.667 42.667 0 0 1-42.667-42.667V170.667A42.667 42.667 0 0 1 128 128z m384 512v85.333h256V640H512zM358.997 512L238.336 632.661l60.33 60.374L479.702 512 298.667 330.965l-60.331 60.374L358.997 512z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个SSH请求组件, 执行服务器shell命令, 可以使用断言进行期望验证.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addCase({{ scene.id }}, 'SQL')">
                  <h5 class="text-left">SQL<i class="fas fa-database float-right"></i></h5>
                  <p class="text-left">创建一个SQL请求组件, 执行数据库增删改查, 可以使用断言进行期望验证.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addCase({{ scene.id }}, 'DEBUG')">
                  <h5 class="text-left">
                    Debug
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M921.6 307.2l-143.36 0c-20.48-40.96-56.32-71.68-92.16-102.4L768 122.88 696.32 51.2l-112.64 112.64C563.2 158.72 537.6 153.6 512 153.6S460.8 158.72 440.32 163.84L327.68 51.2 256 122.88 337.92 204.8C302.08 235.52 271.36 266.24 245.76 307.2L102.4 307.2l0 102.4 107.52 0C204.8 424.96 204.8 445.44 204.8 460.8l0 51.2L102.4 512l0 102.4 102.4 0 0 51.2c0 15.36 0 35.84 5.12 51.2L102.4 716.8l0 102.4 143.36 0c51.2 92.16 153.6 153.6 266.24 153.6s209.92-61.44 266.24-153.6L921.6 819.2l0-102.4-107.52 0c5.12-15.36 5.12-35.84 5.12-51.2l0-51.2 102.4 0 0-102.4-102.4 0L819.2 460.8c0-15.36 0-35.84-5.12-51.2L921.6 409.6 921.6 307.2 921.6 307.2 921.6 307.2zM614.4 716.8 409.6 716.8l0-102.4 204.8 0L614.4 716.8 614.4 716.8 614.4 716.8zM614.4 512 409.6 512 409.6 409.6l204.8 0L614.4 512 614.4 512 614.4 512z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个Debug请求组件, 获取当前上下文中变量和属性.</p>
                </div>
              </div>
              <div class="tab-pane fade" id="v-pills-logic-controller" role="tabpanel">
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addLogicController({{ scene.scene_controller.logic_controller.id }}, 'SIMPLE')">
                  <h5 class="text-left">
                    SIMPLE
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M270.592 142.08A158.784 158.784 0 0 0 112 300.672a158.784 158.784 0 0 0 158.592 158.656 158.784 158.784 0 0 0 158.656-158.656A158.784 158.784 0 0 0 270.592 142.08z m0 257.664A99.2 99.2 0 0 1 171.52 300.672 99.2 99.2 0 0 1 270.592 201.6a99.2 99.2 0 0 1 99.072 99.072 99.2 99.2 0 0 1-99.072 99.072zM532.48 235.584h215.808a29.76 29.76 0 1 0 0-59.52H532.48a29.76 29.76 0 1 0 0 59.52z m0 189.76h349.76a29.76 29.76 0 1 0 0-59.52H532.48a29.76 29.76 0 1 0 0 59.52zM270.592 564.8a158.784 158.784 0 0 0-158.592 158.592 158.784 158.784 0 0 0 158.592 158.592 158.784 158.784 0 0 0 158.656-158.592 158.784 158.784 0 0 0-158.656-158.592z m0 257.664a99.2 99.2 0 0 1-99.072-99.072 99.2 99.2 0 0 1 99.072-99.072 99.2 99.2 0 0 1 99.072 99.072 99.2 99.2 0 0 1-99.072 99.072z m261.888-164.224h215.808a29.76 29.76 0 1 0 0-59.52H532.48a29.76 29.76 0 1 0 0 59.52z m349.76 130.688H532.48a29.76 29.76 0 1 0 0 59.52h349.76a29.76 29.76 0 1 0 0-59.52z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个简单控制器, 来做结构化案例管理.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addLogicController({{ scene.scene_controller.logic_controller.id }}, 'IF')">
                  <h5 class="text-left">
                    IF
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M908.8 612.977778L794.634343 727.143434 650.472727 583.240404l-69.430303 69.430303 143.903031 144.032323-114.165657 114.165657h298.020202z"></path>
                      <path d="M908.8 414.383838V116.363636H611.038384l114.294949 114.165657-233.50303 233.373737H114.424242v99.29697h416.969697L794.634343 300.088889z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个IF控制器组件做条件判断, 满足条件时执行其中的案例.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addLogicController({{ scene.scene_controller.logic_controller.id }}, 'WHILE')">
                  <h5 class="text-left">
                    WHILE
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M914.285714 914.285714H182.857143v109.714286l-182.857143-182.857143h896a54.857143 54.857143 0 0 0 54.857143-54.857143V475.428571h73.142857v329.142858a109.714286 109.714286 0 0 1-109.714286 109.714285z m-531.090285-264.484571h1.974857a260.754286 260.754286 0 0 1 8.850285-51.2l82.285715-298.569143h100.315428l74.861715 302.262857a310.857143 310.857143 0 0 1 7.314285 46.884572h1.426286a273.810286 273.810286 0 0 1 6.582857-48.566858l64.256-300.580571h95.451429l-118.016 442.514286h-104.850286l-75.446857-288.548572a241.371429 241.371429 0 0 1-7.314286-48.859428h-0.841143a304.786286 304.786286 0 0 1-8.009143 48.859428l-77.129142 288.548572H326.034286l-117.979429-442.514286h103.424l65.828572 299.885714a332.141714 332.141714 0 0 1 5.888 49.883429zM841.142857 182.857143H128A54.857143 54.857143 0 0 0 73.142857 237.714286V548.571429H0V219.428571a109.714286 109.714286 0 0 1 109.714286-109.714285h731.428571V0l182.857143 182.857143h-182.857143z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个WHILE控制器组件, 满足条件时进入循环, 否则跳出循环.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addLogicController({{ scene.scene_controller.logic_controller.id }}, 'LOOP')">
                  <h5 class="text-left">
                    LOOP
                    <svg class="icon float-right" viewBox="0 0 1092 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M136.533333 136.533333L0 341.333333h273.066667zM546.133333 750.933333H341.435733C273.066667 750.933333 204.8 699.733333 204.8 631.364267V341.333333H68.266667v307.0976C68.266667 797.866667 192 887.466667 324.369067 887.466667H682.666667a136.533333 136.533333 0 0 0-136.533334-136.533334"></path>
                      <path d="M955.733333 887.466667l136.533334-204.8H819.2zM546.133333 273.066667h204.6976C819.2 273.066667 887.466667 324.266667 887.466667 392.635733V682.666667h136.533333V375.569067C1024 226.133333 900.266667 136.533333 767.8976 136.533333H409.6a136.533333 136.533333 0 0 0 136.533333 136.533334"></path>
                    </svg>
                  </h5>
                  <p class="text-left">创建一个循环控制器组件, 循环执行指定次数.</p>
                </div>
              </div>
              <div class="tab-pane fade" id="v-pills-tool" role="tabpanel">
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addTool({{ scene.scene_controller.logic_controller.id }}, 'HTTP_COOKIE_MANAGER')">
                  <h5 class="text-left">
                    HTTPCookieManager
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M512 938.666667c-235.52-0.256-426.410667-191.146667-426.666667-426.666667 16.810667 4.736 34.133333 7.168 51.626667 7.210667a175.36 175.36 0 0 0 145.066667-74.965334c29.568-42.666667 35.84-97.322667 16.64-145.578666 12.245333 2.176 24.661333 3.285333 37.12 3.328A182.058667 182.058667 0 0 0 478.506667 234.666667a177.536 177.536 0 0 0 36.266666-149.333334c235.648 0.768 426.026667 192.426667 425.301334 428.074667C939.306667 749.013333 747.648 939.392 512 938.666667z m32.554667-146.432a53.376 53.376 0 1 0 20.778666-102.4 53.333333 53.333333 0 0 0-20.778666 102.4zM295.253333 720a71.125333 71.125333 0 1 0-0.853333-0.256h0.682667l0.170666 0.256z m402.389334-106.965333a71.082667 71.082667 0 1 0-43.605334-63.573334c0.682667 26.666667 16.256 50.645333 40.277334 62.208h-0.512l1.28 0.554667 0.853333 0.341333h-0.256l1.792 0.682667 0.170667-0.213333zM512 440.874667a35.584 35.584 0 1 0 13.824 2.816l-0.768-0.341334-1.152-0.426666a35.157333 35.157333 0 0 0-11.904-2.048z m160-177.749334a53.162667 53.162667 0 1 0 20.736 4.266667h-0.426667a53.12 53.12 0 0 0-20.309333-4.266667zM192 405.333333a35.541333 35.541333 0 1 1 0-71.082666 35.541333 35.541333 0 0 1 0 71.082666zM138.666667 298.666667a53.333333 53.333333 0 1 1 0-106.666667 53.333333 53.333333 0 0 1 0 106.666667z m213.333333-71.125334a53.333333 53.333333 0 1 1 0-106.752 53.333333 53.333333 0 0 1 0 106.794667v-0.042667zM227.584 156.458667a35.541333 35.541333 0 1 1 0-71.082667 35.541333 35.541333 0 0 1 0 71.082667z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">定义HTTPCookie.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addTool({{ scene.scene_controller.logic_controller.id }}, 'HTTP_HEADER_MANAGER')">
                  <h5 class="text-left">
                    HTTPHeaderManager
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" >
                      <path d="M372.706 187.621v60.569h429.327v-60.569H372.706z m-185.096 0v60.208h125.356v-60.208H187.61z m740.386 185.096H64.212V64.223h863.783v308.494zM125.911 866.308H64.212v-61.699h61.699v61.699z m0-123.398H64.212v-61.699h61.699v61.699z m0-123.398H64.212v-61.699h61.699v61.699z m0-123.397H64.212v-61.699h61.699v61.699z m0 431.891H64.212v-61.699h61.699v61.699z m61.699 0h-61.699v-61.699h61.699v61.699z m123.397 0h-61.699v-61.699h61.699v61.699z m123.398 0h-61.699v-61.699h61.699v61.699z m308.494 0H681.2v-61.699h61.699v61.699z m-123.397 0h-61.699v-61.699h61.699v61.699z m246.795 0h-61.699v-61.699h61.699v61.699z m61.699 0h-61.699v-61.699h61.699v61.699z m0-61.698h-61.699v-61.699h61.699v61.699z m0-123.398h-61.699v-61.699h61.699v61.699z m0-123.398h-61.699v-61.699h61.699v61.699z m0-123.397h-61.699v-61.699h61.699v61.699z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">定义HTTP请求头.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addTool({{ scene.scene_controller.logic_controller.id }}, 'VARIABLE_DEFINITION')">
                  <h5 class="text-left">
                    VariableDefinition
                    <svg class="icon float-right" viewBox="0 0 1755 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1.5em" height="1.5em" fill="currentColor">
                      <path d="M231.058286 504.173714c15.213714 13.385143 27.062857 28.379429 35.693714 44.982857 8.557714 16.603429 14.555429 37.741714 17.993143 63.488 2.706286 20.626286 4.388571 45.860571 4.900571 75.702858l0.438857 55.588571c0.219429 14.336 0.658286 25.746286 1.243429 34.377143 0.950857 14.336 2.925714 25.161143 5.778286 32.621714 2.925714 7.460571 6.363429 12.434286 10.459428 14.628572 4.022857 2.340571 10.971429 4.534857 20.845715 6.582857 8.192 1.609143 14.921143 7.241143 20.260571 16.969143 5.339429 9.728 8.045714 22.528 8.045714 38.4 0 36.864-15.725714 55.296-47.250285 55.296-19.529143 0-36.937143-5.851429-52.224-17.408a110.592 110.592 0 0 1-35.547429-49.078858 201.728 201.728 0 0 1-12.873143-72.923428L206.994286 691.931429l-0.731429-24.722286a304.932571 304.932571 0 0 0-2.194286-29.622857c-3.145143-20.48-7.972571-35.84-14.262857-46.153143a120.393143 120.393143 0 0 0-15.213714-19.748572l-9.508571-9.289142a110.153143 110.153143 0 0 1-21.723429-24.137143c-4.315429-7.241143-11.849143-18.578286-11.849143-34.084572 0-22.528 11.702857-39.497143 24.064-50.761143 15.36-13.677714 26.404571-25.307429 32.914286-34.889142 6.582857-9.654857 11.190857-21.942857 13.897143-37.010286 2.633143-15.140571 4.169143-31.597714 4.608-49.371429l1.901714-128.658285c0.731429-41.984 10.020571-75.556571 28.16-100.717715 18.139429-25.161143 40.374857-30.866286 70.582857-30.866285 31.451429 0 49.152 16.749714 49.152 47.542857 0 16.457143-2.633143 29.403429-7.899428 38.838857-5.193143 9.508571-11.995429 14.921143-20.406858 16.457143-12.434286 2.413714-21.065143 6.070857-26.038857 10.971428-4.900571 4.827429-8.118857 14.336-9.654857 28.306286l-1.097143 15.213714c-0.365714 6.144-0.731429 13.385143-0.950857 21.650286l-0.804571 44.470857c-0.438857 39.277714-2.121143 71.533714-4.973715 96.621714-2.925714 25.161143-8.557714 46.518857-17.042285 64.219429-8.484571 17.627429-20.772571 33.645714-36.790857 47.981714z m220.452571-77.970285l74.898286 210.432L602.916571 428.617143c5.997714-16.676571 11.922286-28.525714 17.700572-35.474286 5.778286-6.948571 14.628571-10.459429 26.331428-10.459428 11.190857 0 20.626286 3.730286 28.525715 11.264a35.108571 35.108571 0 0 1 11.702857 26.038857 52.662857 52.662857 0 0 1-2.121143 13.458285c-1.462857 5.12-2.998857 9.947429-4.827429 14.482286l-99.620571 247.222857a118.491429 118.491429 0 0 1-12.580571 23.552 49.298286 49.298286 0 0 1-17.042286 15.36 51.2 51.2 0 0 1-24.576 5.412572 47.542857 47.542857 0 0 1-29.696-8.557715 57.490286 57.490286 0 0 1-16.384-18.578285l-4.388572-8.996572a1018.002286 1018.002286 0 0 1-13.458285-31.085714L378.88 465.627429 373.028571 450.194286a135.168 135.168 0 0 1-5.12-15.798857A56.246857 56.246857 0 0 1 365.714286 420.571429a33.645714 33.645714 0 0 1 5.485714-17.773715 42.569143 42.569143 0 0 1 35.986286-20.114285c14.628571 0 24.576 4.169143 29.988571 12.507428 4.388571 6.729143 9.142857 17.042286 14.336 31.012572z m520.411429 263.753142c-21.211429 16.530286-41.691429 28.891429-61.513143 37.156572-19.821714 8.192-42.057143 12.361143-66.706286 12.361143-22.528 0-42.276571-4.388571-59.318857-13.385143a97.572571 97.572571 0 0 1-39.350857-36.132572 93.842286 93.842286 0 0 1-13.897143-49.517714c0-23.990857 7.68-44.470857 22.893714-61.366857 12.653714-14.116571 29.257143-24.356571 49.810286-30.72l19.602286-4.827429 65.462857-13.677714a1085.147429 1085.147429 0 0 0 77.238857-19.602286c-1.097143-23.113143-5.705143-40.082286-13.970286-50.907428-8.265143-10.825143-25.380571-16.237714-51.273143-16.237714-22.308571 0-39.058286 3.145143-50.322285 9.362285a81.627429 81.627429 0 0 0-28.891429 27.940572l-11.922286 17.773714a111.177143 111.177143 0 0 1-5.12 6.802286c-3.364571 3.949714-10.459429 5.924571-21.430857 5.924571a37.376 37.376 0 0 1-25.526857-9.508571 30.866286 30.866286 0 0 1-10.752-24.210286c0-15.433143 5.485714-30.427429 16.384-44.982857 10.971429-14.628571 27.940571-26.624 51.126857-35.986286 23.113143-9.508571 51.931429-14.189714 86.454857-14.189714 38.546286 0 68.900571 4.534857 90.989715 13.677714 22.016 9.069714 37.595429 23.478857 46.738285 43.227429 9.069714 19.748571 13.677714 45.860571 13.677715 78.409143l-0.438857 83.236571-0.219429 17.042286c0 16.530286 2.706286 33.718857 8.192 51.638857l4.534857 15.725714c2.413714 9.142857 3.657143 15.36 3.657143 18.797714 0 8.996571-4.242286 17.188571-12.726857 24.576a42.569143 42.569143 0 0 1-28.745143 11.117715c-8.996571 0-17.846857-4.242286-26.697143-12.726857a188.416 188.416 0 0 1-27.940571-36.790858z m-5.778286-126.976a441.782857 441.782857 0 0 1-56.100571 14.994286l-38.985143 8.630857c-4.827429 1.097143-8.777143 2.121143-11.922286 2.925715a69.339429 69.339429 0 0 0-27.062857 14.482285 37.083429 37.083429 0 0 0-12.8 29.988572c0 13.312 5.046857 24.649143 15.067428 33.938285a55.881143 55.881143 0 0 0 39.497143 13.970286c17.408 0 33.426286-3.803429 48.128-11.410286 14.628571-7.606857 25.453714-17.408 32.256-29.403428 7.972571-13.312 11.922286-35.108571 11.922286-65.536v-12.580572z m262.363429 34.523429l-0.073143 88.576c0 17.846857-4.169143 31.158857-12.507429 40.009143a41.764571 41.764571 0 0 1-31.890286 13.385143 40.228571 40.228571 0 0 1-31.158857-13.531429c-8.118857-8.996571-12.214857-22.235429-12.214857-39.862857V441.782857c0-39.424 14.262857-59.099429 42.788572-59.099428 14.555429 0 25.014857 4.608 31.451428 13.824 6.436571 9.216 10.020571 22.820571 10.605714 40.813714a153.6 153.6 0 0 1 32.329143-40.813714c10.971429-9.216 25.746286-13.897143 44.178286-13.897143s36.352 4.681143 53.686857 13.897143 26.038857 21.430857 26.038857 36.571428c0 10.752-3.657143 19.602286-11.044571 26.550857a34.377143 34.377143 0 0 1-23.990857 10.459429l-6.070857-0.950857a229.156571 229.156571 0 0 1-17.188572-4.973715 108.324571 108.324571 0 0 0-32.694857-5.924571 47.689143 47.689143 0 0 0-31.451429 10.093714 64.950857 64.950857 0 0 0-19.017142 30.061715 209.773714 209.773714 0 0 0-9.289143 47.396571c-1.389714 14.628571-2.194286 31.890286-2.486857 51.712z m294.546285-93.330286a161.645714 161.645714 0 0 1-28.306285-32.475428 156.16 156.16 0 0 1-17.993143-41.106286 299.446857 299.446857 0 0 1-9.947429-57.344c-1.462857-16.530286-2.340571-35.328-2.706286-56.246857l-0.438857-53.101714a881.444571 881.444571 0 0 0-1.024-35.035429 126.390857 126.390857 0 0 0-5.12-33.572571 25.746286 25.746286 0 0 0-10.825143-14.409143 66.413714 66.413714 0 0 0-21.065142-6.144c-7.899429-1.536-14.628571-7.021714-20.041143-16.457143-5.485714-9.508571-8.192-22.381714-8.192-38.838857 0-36.278857 15.506286-54.345143 46.592-54.345143 19.894857 0 37.449143 5.705143 52.516571 17.115428 15.140571 11.410286 27.062857 27.721143 35.693714 48.859429 8.704 21.211429 13.165714 45.348571 13.312 72.411429l1.828572 104.96c0.804571 35.474286 1.755429 56.100571 2.706286 61.805714 3.437714 20.114286 8.484571 35.474286 15.067428 45.933714 4.461714 7.021714 9.508571 13.458286 15.213714 19.382857l8.923429 8.484572c9.435429 8.045714 16.457143 16.091429 21.065143 23.990857 4.608 7.972571 12.873143 15.725714 12.873143 38.546286 0 22.820571-12.068571 37.156571-24.283429 47.835428-14.994286 13.092571-25.892571 24.576-32.621714 34.523429a95.085714 95.085714 0 0 0-14.116572 37.010285c-2.194286 11.776-3.657143 28.306286-4.388571 49.590858l-2.194286 127.853714c-0.731429 42.057143-10.166857 75.776-28.525714 101.229714-18.285714 25.453714-42.642286 38.180571-73.142857 38.180572-14.921143 0-26.477714-4.754286-34.523429-14.189715-8.045714-9.508571-11.995429-23.186286-11.995428-41.106285 0-10.093714 1.243429-19.309714 3.803428-27.648a50.395429 50.395429 0 0 1 10.166857-19.456 24.868571 24.868571 0 0 1 14.262858-8.192 70.948571 70.948571 0 0 0 21.577142-6.875429c4.681143-2.706286 8.265143-7.899429 10.752-15.506286a110.445714 110.445714 0 0 0 4.096-23.186285l0.731429-10.386286c0.585143-11.849143 0.950857-28.013714 1.097143-48.493714V711.68c0.438857-42.057143 2.194286-74.971429 5.12-98.742857 3.072-23.698286 8.777143-44.105143 17.042286-61.220572 8.411429-17.042286 20.699429-32.914286 37.010285-47.542857z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">统一设置变量.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addTool({{ scene.scene_controller.logic_controller.id }}, 'TIMER')">
                  <h5 class="text-left">
                    Timer
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor">
                      <path d="M512 96C282.24 96 96 282.24 96 512s186.24 416 416 416 416-186.24 416-416S741.76 96 512 96z m-164.66 228.68l210 142a65 65 0 0 1-74.5 106.52 66.42 66.42 0 0 1-16-16l-142-210a16.26 16.26 0 0 1 22.64-22.64zM512 864c-194 0-352-157.9-352-352a349.1 349.1 0 0 1 107.74-253.44 28.3 28.3 0 1 1 39.28 40.74A293.06 293.06 0 0 0 216.6 512c0 162.88 132.52 295.4 295.4 295.4S807.4 674.88 807.4 512c0-153.34-117.44-279.76-267.1-294v110a28.3 28.3 0 1 1-56.6 0V188.3A28.3 28.3 0 0 1 512 160c194.1 0 352 158 352 352s-157.9 352-352 352z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">设置定时器, 暂停一段时间后继续执行.</p>
                </div>
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="addTool({{ scene.scene_controller.logic_controller.id }}, 'SCRIPT')">
                  <h5 class="text-left">
                    Script
                    <svg class="icon float-right" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" width="1em" height="1em">
                      <path d="M345.224533 493.482667a174.1824 174.1824 0 0 1 30.890667-2.781867l-8.311467-0.034133h276.855467c12.014933 0 23.483733-1.6384 34.423467-4.676267 51.643733-14.301867 88.917333-60.091733 88.917333-116.4288V136.942933c0-66.218667-56.405333-115.950933-123.4432-126.941866-42.478933-6.997333-104.686933-10.205867-146.8928-9.984-42.222933 0.221867-82.619733 3.7376-118.084267 9.984C275.0464 28.2112 256 66.474667 256 136.96V213.333333h256V256H172.8512C77.841067 256 0.750933 369.527467 0.017067 509.986133L0 512c0 25.3952 2.5088 49.92 7.168 73.079467C28.398933 690.858667 94.549333 768 172.8512 768H213.333333v-122.487467c0-71.543467 53.725867-137.966933 131.8912-152.029866z m27.1872-325.461334a46.3872 46.3872 0 0 1-46.353066-46.421333c0-25.770667 20.736-46.728533 46.353066-46.728533 25.531733 0 46.404267 20.957867 46.404267 46.728533a46.421333 46.421333 0 0 1-46.404267 46.421333z"></path>
                      <path d="M1013.1968 422.775467C988.740267 325.393067 925.422933 256 851.1488 256H810.666667v108.458667c0 90.453333-59.426133 155.938133-131.976534 167.150933-7.3216 1.143467-14.711467 1.706667-22.135466 1.706667H379.5968c-11.741867 0-23.432533 1.501867-34.798933 4.471466-50.978133 13.380267-88.797867 55.808-88.797867 110.848v232.6016c0 66.218667 66.6112 105.130667 131.9424 124.125867 78.216533 22.749867 163.3792 26.862933 256.989867 0 62.122667-17.749333 123.067733-53.640533 123.067733-124.125867V810.666667H512V768h339.1488c67.310933 0 125.610667-56.968533 154.1632-140.117333C1017.258667 593.066667 1024 553.693867 1024 512c0-31.3856-3.822933-61.44-10.8032-89.224533zM650.308267 850.193067a46.3872 46.3872 0 0 1 46.353066 46.3872c0 25.736533-20.770133 46.728533-46.353066 46.728533-25.531733 0-46.3872-20.992-46.3872-46.728533a46.3872 46.3872 0 0 1 46.3872-46.3872z"></path>
                    </svg>
                  </h5>
                  <p class="text-left">编写Python脚本, 灵活处理数据、逻辑等复杂场景.</p>
                </div>
              </div>
              <div class="tab-pane fade" id="v-pills-copy" role="tabpanel">
                <div class="btn btn-outline-primary" data-scene-id="{{ scene.id }}" onclick="showElementCopyModal({{ scene.id }}, '点击选择项目案例')">
                  <h5 class="text-left">CopyFrom</h5>
                  <p class="text-left">在对话框中选择指定项目, 勾选指定案例点击确定按钮.</p>
                </div>
              </div>
              <div class="tab-pane fade" id="v-pills-other" role="tabpanel">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>